<script setup lang="ts">
  interface Props {
    title?: string;
    desc?: string;
  }
  defineProps<Props>();
</script>
<template>
  <div class="pro-page-header">
    <n-card :bordered="false" :title="title">
      <span v-if="desc">{{ desc }}</span>
      <slot></slot>
    </n-card>
  </div>
</template>

<style scoped lang="less">
  .pro-page-header {
    margin: 0 -10px 10px;
  }
</style>
